.wf-select{
  --wf-select-item-hover-bg-color:var(--wf-fill-color-light)
  --wf-select-item-font-size:var(--wf-font-size-base)
  --wf-select-item-font-color:var(--wf-text-color-regular)
  --wf-select-item-selected-font-color:var(--wf-color-primary)
  --wf-select-item-disabled-font-color:var(--wf-text-color-placeholder)
  --wf-select-input-focus-border-color:var(--wf-color-primary)
}

.wf-select{
  display: inline-block;
  vertical-align: middle;
  line-height: 32px;
  .wk-tooltip .wf-tooltip_popper{
    padding: 0;
  }
  .wf-input__inner{
    cursor: pointer;
  }
  .wf-select__menu{
    list-style: none;
    margin: 6px 0;
    padding: 0;
    box-sizing: border-box;
  }
  .wf-select__menu-item{
    margin: 0;
    font-size: var(--wf-select-item-font-size);
    padding: 0 32px 0 20px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--wf-select-item-font-color);
    height:34px;
    line-height: 34px;
    box-sizing: border-box;
    cursor: pointer;
  }
  /* input 图标的 旋转效果 */
  .wf-select{
    .header-angle{
      transition: transform var(--wf-transition-duration);
      &.is-active{
        transform: rotate(180);
      }
    }
  }
  &:hover{
    background-color: var(--wf-select-item-hover-bg-color);
  }
  &.is-selected{
    color: var(--wf-select-item-selected-font-color);
    font-weight: 700;
  }
  &.is-disabled{
    color: var(--wf-select-item-disabled-font-color);
    cursor: not-allowed;
    &:hover{
      background-color: transparent;
    }
  }
}